Claude Artifacts

https://www.youtube.com/watch?v=rHqk0ZGb6qo

コードのプレビューが横にリアルタイムで表示される

Claude Artifacts で「Try fixing with Claude」ボタンを実行してもエラーの修正をできない場合に、**絶大な**効果のあるプロンプト。

Artifactsの制限に対応するため、以下の方針でコードを最適化してください：

1. データ・サンプル数の調整

- テストデータは最小限の代表的なケースに絞る

- 繰り返しパターンのデータは省略する

2. コンポーネントの最適化

- 共通機能は汎用関数として再利用

- 不要な機能やプロパティを削除

- 複雑なネストを避け、フラットな構造に整理

3. コードの簡略化

- 冗長な記述を短縮

- コメントは本質的な説明のみに限定

- 使用していないインポートや変数を削除

これらの対応を行っても制限を超える場合は、機能を分割して複数のArtifactsに分けることを提案してください。